<template>
  <t-layout class="lay-out">
    <t-header class="t-header" :style="{size:'large'}">
      <t-head-menu theme="light" value="item1" height="120px">
        <template #logo>
          <img width="136" class="logo" src="..\public\logo.png" alt="logo" />
        </template>
        <t-space :style="{marginLeft:'80%' }">
          <router-link to="/"><t-menu-item value="item1" class="nav-text"> Home  </t-menu-item></router-link>
        <router-link to="/statistics"><t-menu-item value="item2"> Stastics </t-menu-item></router-link>
        <t-menu-item value="item3"> Help  </t-menu-item>
        <t-menu-item value="item4"> About </t-menu-item>
      </t-space>
        <template #operations>
          <a href="javascript:;"><t-avatar size="large"> W </t-avatar></a>
        </template>
      </t-head-menu>
    </t-header>
      <router-view></router-view>
    <t-footer class="t-footer">
      <t-space break-line>
        <a href=";" target="_blank" class="footer-txt" >contact us</a>
    <t-divider layout="vertical" />
    <a href=";" target="_blank" class="footer-txt"> sign up</a>
    <t-divider layout="vertical" />
    <a href=";" target="_blank" class="footer-txt"> about</a>
    <t-divider layout="vertical" dashed />
    <a href=";" target="_blank" class="footer-txt"> production</a>
    <t-divider layout="vertical" dashed />
    <a href=";" target="_blank" class="footer-txt">Home </a>
  </t-space>
    </t-footer>
    
  </t-layout>
</template>



<script>
export default {
  name: 'App',
  components: {
  },
}
    

</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;

}
.lay-out{
  background-color:rgb(252,249,244);
  height: 100vh;
}
.t-header{
  background-color:rgb(252,249,244);
}
.nav-txt{
  text-decoration: 'none';
}
.t-content{
  display: flex;
  flex-direction: column;
  background-color:rgb(252,249,244);
  height: auto;
}
.t-footer{
  background-color:rgb(252,249,244);
}
.footer-txt {
  text-decoration: none; /* 移除下划线 */
  color: #000; /* 设置链接文本颜色 */
}
</style>
